<template>
  <page-container>
    <h1 class="title"> 滚动公告</h1>
    <notice-bar
      msg="这里是通知公告，当文本足够长的时候会进行滚动特效;这里是通知公告，当文本足够长的时候会进行滚动特效这里是通知公告，当文本足够长的时候会进行滚动特效这里是通知公告，当文本足够长的时候会进行滚动特效这里是通知公告，当文本足够长的时候会进行滚动特效这里是通知公告，当文本足够长的时候会进行滚动特效这里是通知公告，当文本足够长的时候会进行滚动特效这里是通知公告，当文本足够长的时候会进行滚动特效"
    ></notice-bar>
    <h1 class="title"> 部门，人员选择</h1>
    <dept-select style="width: 300px" placeholder="选部门单选"></dept-select>
    <dept-select
      style="width: 300px"
      placeholder="选部门多选"
      multiple
    ></dept-select>

    <user-select style="width: 300px" placeholder="选人员单选"></user-select>
    <user-select
      style="width: 300px"
      placeholder="选人员多选"
      multiple
    ></user-select>
    <h1 class="title"> 图片上传选择</h1>
    <image-upload></image-upload>
  </page-container>
</template>

<script lang="ts" setup name="ExCustomerComponents"></script>

<style lang="less" scoped>
  .title {
    font-size: 16px;
    font-weight: bold;
    margin: 10px;
  }
</style>
